<template>
  <input v-model="message_name" placeholder="输入姓名" @input="changeName(message_name)" />
  <input v-model="message_age" placeholder="请输入年龄" @input="changeAge(message_age)" />
</template>
<script setup>
import { ref, watch } from 'vue';
// 此处引入
const emit = defineEmits(['update:modelValue', 'update:test2'])
const props = defineProps({
  // 父组件 v-model 没有指定参数名，则默认是 modelValue
  modelValue: {
    type: String,
    default: 'lq121212y'
  },
  age: {
    type: Number,
    default: 28121212
  }
})

let message_name = ref(null)
let message_age = ref(null)
// PS: 具体业务逻辑需要在 props.modelValue 变化时执行其他操作，你可能需要重新添加监听代码。但根据你提供的信息，删除这行代码并没有影响组件的功能。
// watchs(() => props.modelValue, () => { message_name.value = props.modelValue })
// watch(() => props.age, () => { message_age.value = props.age })

//122222222222223213123123
// 数据双向绑定
const changeName = (msg) => {
aa
}
const changeAge = (msg) => {
  emit('update:age', msg)
}
</script>
